import React, { Component } from 'react'
import { WhiteSpace } from 'antd-mobile'

export default class OrderInfo extends Component {
	constructor(props) {
		super(props);

		this.state = {};
	}

	render() {
		return (
			<ul className="order-order-info-list">
				{this.props.list.map( (item, i) => 
					<li key={i}>{item.title}<span>{item.extra}</span></li>
				)}
			</ul>
		)
	}
}

OrderInfo.defaultProps = {
	list: [
		{ title: '订单编号：', extra: '123156456'},
		{ title: '支付方式：', extra: '微信'},
		{ title: '支付交易号：', extra: '1561561564'},
		{ title: '创建时间：', extra: '2016-12-2 11:57:01'},
		{ title: '支付时间：', extra: '2016-12-2 11:57:05'},
		{ title: '寄送资料：', extra: '2016-12-2 11:57:06'},
		{ title: '快递单号：', extra: '88888888888'},
	]
}